﻿@model Tecnosop.Dominio.COTIZACION_CONVENIO
@using Tecnosop.Dominio
@{
    ViewBag.Title = "Detalles cotización convenio";
    Layout = "~/Views/Cotizaciones/_LayoutCotizaciones.cshtml";

    var DetalleCotizacion = Html.Telerik().Grid(Model.EQUIPOS_COTIZACION_CONVENIO)
            .Name("DetalleCotizacion")
            .DataKeys(keys =>
            {
                keys.Add(k => k.DETALLE_CONVENIO3).RouteKey("DETALLE_CONVENIO3");
                keys.Add(k => k.NUMERO_COTIZACION).RouteKey("NUMERO_COTIZACION");
            })
            .DataBinding(dataBinding => dataBinding.Server()
                .Insert(MVC.Cotizaciones.GridAddDetalleCotizacionConvenio(Model.NUMERO_COTIZACION).GetRouteValueDictionary())
                .Update(MVC.Cotizaciones.GridEditDetalleCotizacionConvenio(Model.NUMERO_COTIZACION).GetRouteValueDictionary())
                .Delete(MVC.Cotizaciones.GridDeleteDetalleCotizacionConvenio(Model.NUMERO_COTIZACION).GetRouteValueDictionary()))
            .ToolBar(tb => tb.Insert()
                .ButtonType(GridButtonType.ImageAndText)
                .HtmlAttributes(new { @class = "nice radius thin green button" }))
            .Columns(columns =>
            {
                columns.Bound(d => d.DETALLE_CONVENIO3);
                columns.ForeignKey(d => d.TIPO_EQUIPO, ViewData["TiposEquipo"] as List<Tecnosop.Dominio.TIPO_EQUIPO>, "TIPO_EQUIPO1", "TIPO_EQUIPO1");
                columns.Command(cmd =>
                {
                    cmd.Edit()
                        .ButtonType(GridButtonType.Image);
                    cmd.Delete()
                        .ButtonType(GridButtonType.Image);
                }).Width(78);
            })
            .Editable(e => e.Mode(GridEditMode.InLine))
            .Pageable(p => p.PageSize(7))
            .Scrollable(s => s.Height(220))
            .Sortable()
            .PrefixUrlParameters(false);
            //.ToComponent();
}
@section script {
    <script type="text/javascript">
        $(document).ready(function () {
            $("#DetalleCotizacion .t-grid-add").first().text("Agregar detalle").prepend("<span class='t-icon t-add'>");
        });
    </script>
}
<fieldset>
    <legend>Datos cotización convenio</legend>
    
    <div style="height: 350px;">
        <div style="float: left; width: 350px;">
            <div class="display-label">@Html.LabelFor(model => model.NUMERO_COTIZACION)</div>
            <div class="display-field">@Html.DisplayFor(model => model.NUMERO_COTIZACION)</div>

            @*<div class="display-label">@Html.LabelFor(model => model.CLIENTE.NOMBRE)</div>
            <div class="display-field">@(Model.CLIENTE != null ? Html.DisplayFor(model => model.CLIENTE.NOMBRE) : new MvcHtmlString("--- Sin datos ---"))</div>*@

            <div class="display-label">@Html.LabelFor(model => model.RUT_CLIENTE_COTIZACION)</div>
            <div class="display-field">@(Model.RUT_CLIENTE_COTIZACION != null ? Html.DisplayFor(model => model.RUT_CLIENTE_COTIZACION) : new MvcHtmlString("--- Sin datos ---"))</div>

            <div class="display-label">@Html.LabelFor(model => model.FECHA_COTIZACION)</div>
            <div class="display-field">@Html.DisplayFor(model => model.FECHA_COTIZACION)</div>

            <div class="display-label">@Html.LabelFor(model => model.TOTAL_COTIZACION)</div>
            <div class="display-field">@Html.DisplayFor(model => model.TOTAL_COTIZACION)</div>

            <div class="display-label">@Html.LabelFor(model => model.ALCANCES)</div>
            <div class="display-field">@Html.DisplayFor(model => model.ALCANCES)</div>
        </div>

        <div class="innertube">
            <div style="float: right;width: 60%;">
                @*<legend>Detalle cotización</legend>*@
                @*<div style="height: 300px;">*@
                @(Html.Telerik().TabStrip()
                    .Name("TabDetallesYFormasDePago")
                    .Items(items =>
                        {
                            items.Add()
                                .Text("Detalle cotización")
                                .ImageUrl(Links.Content.DefaultIcon._16x16.file_png)
                                .Content(DetalleCotizacion.ToHtmlString())
                                .Selected(true);

                            items.Add()
                                .Text("Formas de pago")
                                .ImageUrl(Links.Content.DefaultIcon._16x16.wallet_png)
                                .Content(Html.Partial(MVC.Cotizaciones.Views._EditFormasDePago, new Tecnosop.WebUI.Models.FormasDePagoVISTAViewModel
                                {
                                    FormasDePago = Model.FORMA_DE_PAGO_COTIZACION,
                                    NUMERO_COTIZACION = Model.NUMERO_COTIZACION
                                }).ToHtmlString());
                        })
                    .HtmlAttributes(new { style = "height: 350px;" })
                )
            </div>
        </div>
    </div>
    <div>
        <br />
        <hr />
        <p>
            @Html.ActionLink("Volver", MVC.Cotizaciones.Index(), new { @class = "nice radius small blue button" })
            @Html.ActionLink("Editar", MVC.Cotizaciones.Edit(Model.NUMERO_COTIZACION), new { @class = "nice radius small white button" })
        </p>
    </div>
</fieldset>